 <!-- FlatFy Theme - Andrea Galanti /-->
<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="Flatfy Free Flat and Responsive HTML5 Template ">
    <meta name="author" content="">
    <title>吾校吾书</title>

    <!-- Bootstrap core CSS -->
    <link href="{{asset('/template-1/css/bootstrap.min.css')}}" rel="stylesheet">

    <!-- Custom Google Web Font -->
    <link href="{{asset('/template-1/font-awesome/css/font-awesome.min.css')}}" rel="stylesheet">

    <!-- Custom CSS-->
    <link href="{{asset('/template-1/css/general.css')}}" rel="stylesheet">

	 <!-- Owl-Carousel -->
    <link href="{{asset('/template-1/css/custom.css')}}" rel="stylesheet">
	<link href="{{asset('/template-1/css/owl.carousel.css')}}" rel="stylesheet">
    <link href="{{asset('/template-1/css/owl.theme.css')}}" rel="stylesheet">
	<link href="{{asset('/template-1/css/style.css')}}" rel="stylesheet">
	<link href="{{asset('/template-1/css/animate.css')}}" rel="stylesheet">

	<!-- Magnific Popup core CSS file -->
	<link rel="stylesheet" href="{{asset('/template-1/css/magnific-popup.css')}}">

	<script src="{{asset('/template-1/js/modernizr-2.6.2.min.js')}}"></script>  <!-- Modernizr /-->
</head>

<body id="home">

	<!-- Preloader -->
	<div id="preloader">
		<div id="status"></div>
	</div>

	<!-- FullScreen -->
    <div class="intro-header">
		<div class="col-xs-12 text-center abcen1">
			<h1 class="h1_home wow fadeIn" data-wow-delay="0.4s">吾校吾书</h1>
			<h3 class="h3_home wow fadeIn" data-wow-delay="0.6s">同校个人二手书籍交易平台</h3>
			<ul class="list-inline intro-social-buttons">
				<li><a href="#whatis" class="btn  btn-lg mybutton_cyano wow fadeIn" data-wow-delay="0.8s"><span class="network-name">服务</span></a>
				</li>
				<li id="download" ><a href="#credits" class="btn  btn-lg mybutton_standard wow swing wow fadeIn" data-wow-delay="1.2s"><span class="network-name">关注我们</span></a>
				</li>
			</ul>
		</div>
        <!-- /.container -->
		<div class="col-xs-12 text-center abcen wow fadeIn">
			<div class="button_down ">
				<a class="imgcircle wow bounceInUp" data-wow-duration="1.5s"  href="#whatis"> <img class="img_scroll" src="{{asset('template-1/img/icon/circle.png')}}" alt=""> </a>
			</div>
		</div>
    </div>

	<!-- NavBar-->
	<nav class="navbar-default" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#home">吾校吾书</a>
			</div>

			<div class="collapse navbar-collapse navbar-right navbar-ex1-collapse">
				<ul class="nav navbar-nav">

					<li class="menuItem"><a href="#whatis">服务</a></li>
					<li class="menuItem"><a href="#useit">使用</a></li>
					<li class="menuItem"><a href="#screen">界面</a></li>
					<li class="menuItem"><a href="#credits">关注</a></li>
					<li class="menuItem"><a href="#contact">联系我们</a></li>
				</ul>
			</div>

		</div>
	</nav>

	<!-- What is -->
	<div id="whatis" class="content-section-b" style="border-top: 0">
		<div class="container">

			<div class="col-md-6 col-md-offset-3 text-center wrap_title">
				<h2>为您服务</h2>
				<p class="lead" style="margin-top:0">帮助您寻找校园内书籍的买家与卖家</p>

			</div>

			<div class="row">

				<div class="col-sm-4 wow fadeInDown text-center">
				  <img class="rotate" src="{{asset('template-1/img/icon/tweet.svg')}}" alt="Generic placeholder image">
				  <h3>关注我们</h3>
				  <p class="lead">微信搜索吾校吾书公共号，点击关注。</p>

				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->

				<div class="col-sm-4 wow fadeInDown text-center">
				  <img class="rotate" src="{{asset('template-1/img/icon/picture.svg')}}" alt="Generic placeholder image">
				   <h3>上架</h3>
				   <p class="lead">找出您闲置的书籍或者教材，点击扫码，扫描您书籍背后的条码，即可将书籍加入到您的小书店。</p>
				   <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->

				<div class="col-sm-4 wow fadeInDown text-center">
				  <img class="rotate" src="{{asset('template-1/img/icon/retina.svg')}}" alt="Generic placeholder image">
				   <h3>分享书店</h3>
					<p class="lead">将您的小书店分享到朋友圈，或者分享给您的朋友。</p>
				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->

			</div><!-- /.row -->

			<div class="row tworow">

				<div class="col-sm-4  wow fadeInDown text-center">
				  <img class="rotate" src="{{asset('template-1/img/icon/laptop.svg')}}" alt="Generic placeholder image">
				  <h3>搜索服务</h3>
				  <p class="lead">输入书籍名称或者作者，为您搜索到目标书籍</p>
				 <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->

				<div class="col-sm-4 wow fadeInDown text-center">
				  <img class="rotate" src="{{asset('template-1/img/icon/map.svg')}}" alt="Generic placeholder image">
				   <h3>校园大使</h3>
				   <p class="lead">校园推广大使，推荐校友关注公众号，获得推荐返利。</p>
				   <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->

				<div class="col-sm-4 wow fadeInDown text-center">
				  <img class="rotate" src="{{asset('template-1/img/icon/browser.svg')}}" alt="Generic placeholder image">
				   <h3>价格实惠</h3>
				 <p class="lead">书籍售卖价格介于书籍定价的2-3折之间。让您的书籍的归属不在是废品收购站，而是继续流转给他人使用。环保且实惠。</p>
				  <!-- <p><a class="btn btn-embossed btn-primary view" role="button">View Details</a></p> -->
				</div><!-- /.col-lg-4 -->

			</div><!-- /.row -->
		</div>
	</div>


	<!-- Use it -->
	<div id ="useit" class="content-section-a">

		<div class="container">

			<div class="row">

				<div class="col-sm-6 pull-right wow fadeInRightBig">
					<img class="img-responsive " src="{{asset('template-1/img/maijian.jpg')}}" alt="">
				</div>

				<div class="col-sm-6 wow fadeInLeftBig"  data-animation-delay="200">
					<h3 class="section-heading">我是买家</h3>
					<p class="lead">多买一本旧书，少砍一棵大树。</p>
					<ul class="descp lead2">
						<li>1.关注微信公众号，吾校吾书，留下您的学校与联系方式。</li>
						<li>2.输入关键字，搜索您需要的书籍</li>
						<li>3.加入购物车</li>
						<li>4.下单完成支付</li>
						<li>5.查看卖家联系方式，联系买家取书</li>
						<li>6.将书籍交易码告知卖家，完成交易。</li>
					</ul>
				</div>
			</div>
		</div>

	</div>
    <div  class="content-section-a">

        <div class="container">

            <div class="row">

				<div class="col-sm-6 pull-right wow fadeInRightBig">
                    <img class="img-responsive " src="{{asset('template-1/img/maijian-1.jpg')}}" alt="">
                </div>

                <div class="col-sm-6 wow fadeInLeftBig"  data-animation-delay="200">
                    <h3 class="section-heading">我是卖家</h3>
					<div class="sub-title lead3">愿每本书都能够发挥出她最大的价值。</div>
					<ul class="descp lead2">
						<li>1.关注微信公众号，吾校吾书，留下您的学校与联系方式。</li>
						<li>2.切换到上架功能，点击扫码上架按钮，扫码您书籍背后的条码，将您的书籍加入到您的书店</li>
						<li>3.上架后若您需要修改书籍数量或者关闭售卖，均可直接点击相应书籍进行修改。</li>
						<li>4.默认情况下。您就可以等待我们为您寻找买家了。当买家购买了您的书籍的时候，您可在个人中心-》我的客户中查看到您被购买的书籍。</li>
						<li>5.等待买家联系，当您与买家成功联系后，核对您和买家交易的书籍，待将书籍交于买家的手中的时候，询问买家交易码</li>
						<li>6.在我的客户》待交易中，点击确认交易，输入交易码。完成此笔交易。确认交易后。您售卖当前订单书籍的金额将存入您的余额。您可进行提现操作，
							也可使用余额，购买您需要的书籍。</li>
					</ul>
				</div>
            </div>
        </div>
        <!-- /.container -->
    </div>




	<!-- Screenshot -->
	<div id="screen" class="content-section-b">
        <div class="container">
          <div class="row" >
			 <div class="col-md-6 col-md-offset-3 text-center wrap_title ">
				<h2>界面</h2>
				<p class="lead" style="margin-top:0">公众号相关界面</p>
			 </div>
		  </div>
		    <div class="row wow bounceInUp" >
              <div id="owl-demo" class="owl-carousel">

				<a href="{{asset('template-1/img/slide/wx-1.png')}}" class="image-link">
					<div class="item">
						<img class="img-responsive img-rounded" src="{{asset('template-1/img/slide/wx-1.png')}}" alt="Owl Image">
					</div>
				</a>

               <a href="{{asset('template-1/img/slide/wx-2.png')}}" class="image-link">
					<div class="item">
						<img class="img-responsive img-rounded" src="{{asset('template-1/img/slide/wx-2.png')}}" alt="Owl Image">
					</div>
				</a>

				<a href="{{asset('template-1/img/slide/wx-3.png')}}" class="image-link">
					<div class="item">
						<img class="img-responsive img-rounded" src="{{asset('template-1/img/slide/wx-3.png')}}" alt="Owl Image">
					</div>
				</a>
              </div>
          </div>
        </div>


	</div>

	<div id="credits"  class="content-section-c ">
		<div class="container">
			<div class="row">
			<div class="col-md-6 col-md-offset-3 text-center wrap_title white">
				<h2>吾校吾书</h2>
				<p class="lead" style="margin-top:0">替您打理所有您大学的书籍。</p>
			 </div>
			<div class="mockup-content">
					<div class="morph-button wow pulse morph-button-inflow morph-button-inflow-1">
						<button type="button "><span>点击关注我们</span></button>
						<div class="morph-content">
							<div>
								<div class="content-style-form content-style-form-4 ">
									<h2 class="morph-clone">点击关注我们</h2>
									<img src="{{asset('template-1/img/wuxiaowushu.jpg')}}" style="width: 200px;height: 200px;display: block;margin: 10px auto">
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Contact -->
	<div id="contact" class="content-section-a">
		<div class="container">
			<div class="row">

			<div class="col-md-6 col-md-offset-3 text-center wrap_title">
				<h2>联系我们</h2>
				<p class="lead" style="margin-top:0">您的意见，可以让我们做的更好。</p>
			</div>

			<form role="form" action="" method="post" >
				<div class="col-md-6">
					<div class="form-group">
						<label for="InputName">Your Name</label>
						<div class="input-group">
							<input type="text" class="form-control" name="InputName" id="InputName" placeholder="Enter Name" required>
							<span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span>
						</div>
					</div>

					<div class="form-group">
						<label for="InputEmail">Your Email</label>
						<div class="input-group">
							<input type="email" class="form-control" id="InputEmail" name="InputEmail" placeholder="Enter Email" required  >
							<span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span>
						</div>
					</div>

					<div class="form-group">
						<label for="InputMessage">Message</label>
						<div class="input-group">
							<textarea name="InputMessage" id="InputMessage" class="form-control" rows="5" required></textarea>
							<span class="input-group-addon"><i class="glyphicon glyphicon-ok form-control-feedback"></i></span>
						</div>
					</div>

					<input type="submit" name="submit" id="submit" value="发送" class="btn wow tada btn-embossed btn-primary pull-right">
				</div>
			</form>

			<hr class="featurette-divider hidden-lg">
				<div class="col-md-5 col-md-push-1 address">
					<address>
					<h3>联系方式</h3>
					QQ: 977564830<br>
					Email: rentmaterial@163.com</p>
					</address>
				</div>
			</div>
		</div>
	</div>



    <footer>
      <div class="container">
        <div class="row text-center" style="padding: 20px;">
            蜀ICP备 <a href="http://www.miitbeian.gov.cn/">17001928</a>号
        </div>
      </div>
    </footer>

    <!-- JavaScript -->
    <script src="{{asset('/template-1/js/jquery-1.10.2.js')}}"></script>
    <script src="{{asset('/template-1/js/bootstrap.js')}}"></script>
	<script src="{{asset('/template-1/js/owl.carousel.js')}}"></script>
	<script src="{{asset('/template-1/js/script.js')}}"></script>
	<!-- StikyMenu -->
	<script src="{{asset('/template-1/js/stickUp.min.js')}}"></script>
	<script type="text/javascript">
	  jQuery(function($) {
		$(document).ready( function() {
		  $('.navbar-default').stickUp();

		});
	  });

	</script>
	<!-- Smoothscroll -->
	<script src="{{asset('/template-1/js/wow.min.js')}}"></script>
	<script>
	 new WOW().init();
	</script>
	<script src="{{asset('/template-1/js/classie.js')}}"></script>
	<script src="{{asset('/template-1/js/uiMorphingButton_inflow.js')}}"></script>
	<!-- Magnific Popup core JS file -->
	<script src="{{asset('/template-1/js/jquery.magnific-popup.js')}}"></script>
</body>

</html>
